<template>
	<div class="rightDesign">
		<component :is='currentView'
				   :ref="curComponent.id || 'pageStyleRef'"
				   :screenView="screenView"
				   :screenConfig="screenConfig"
				   :config="config"
				   :curComponent="curComponent"
		></component>
	</div>
</template>

<script>
import rightComponent from "./index.js";
export default {
	name: "rightDesign",
    mixins:[rightComponent],
	props:["screenConfig","screenView","curComponent"],
	data(){
		return {
			currentView:"",
			config:{}
		}
	},
	created() {
		if(this.curComponent){
			this.currentView=this.curComponent.type+"Def";
			this.config=this.curComponent.config;
		}else {
			this.currentView="PageStyle";
			this.config=this.screenConfig.globalConfig;
		}
	},
	methods:{
	}
}
</script>

